<%--
  Created by IntelliJ IDEA.
  User: ${USER}
  Date: ${DATE}
  Time: ${TIME}
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
    <base href="<%= basePath %>"/>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
<script type="text/javascript" src="<%= basePath %>static/backstage/lib/html5shiv.js"></script>
<script type="text/javascript" src="<%= basePath %>static/backstage/lib/respond.min.js"></script>

<![endif]-->
    <link rel="stylesheet" type="text/css" href="<%= basePath %>static/backstage/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%= basePath %>static/backstage/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="<%= basePath %>static/backstage/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="<%= basePath %>static/backstage/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
<script type="text/javascript" src="<%= basePath %>static/backstage/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title>添加商品分类</title>
</head>
<body>
<div class="page-container">
    <form action="addCategory" method="post" class="form form-horizontal" id="form-category-add">
        <input type="hidden" name="parentId" value="${pid}">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">
                <span class="c-red">*</span>
                分类名称：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" placeholder="请输入类别名称" name="categoryName">
            </div>
        </div>
        <div class="row cl">
            <div class="col-9 col-offset-2">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="<%= basePath %>static/backstage/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="<%= basePath %>static/backstage/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="<%= basePath %>static/backstage/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="<%= basePath %>static/backstage/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript"
        src="<%= basePath %>static/backstage/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript"
        src="<%= basePath %>static/backstage/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript"
        src="<%= basePath %>static/backstage/lib/jquery.validation/1.14.0/messages_zh.js"></script>

<%--<script type="text/javascript">--%>
<%--    $(function () {--%>
<%--        var categoryId = getParamForUrl("id");--%>
<%--        var categoryName = getParamForUrl("name");--%>
<%--        var keywords = getParamForUrl("keywords");--%>
<%--        var sortOrl = getParamForUrl("sortOrl");--%>
<%--        var desc = getParamForUrl("desc");--%>

<%--        if (categoryName != "" && categoryName != undefined && categoryName != 'undefined') {--%>
<%--            $("#product-category-name").val(unescape(categoryName));--%>
<%--        }--%>
<%--        if (desc != "" && desc != undefined && desc != 'undefined') {--%>
<%--            $("#product-category-desc").val(unescape(desc));--%>
<%--        }--%>
<%--        $("#product-category-id").val(categoryId);--%>
<%--        $("#category-keywords").val(keywords);--%>
<%--        $("#sort-orl").val(sortOrl);--%>

<%--        $("#form-category-add").validate({--%>
<%--            rules: {--%>
<%--                categoryName: {--%>
<%--                    required: true,--%>
<%--                    minlength: 2,--%>
<%--                    maxlength: 50--%>
<%--                }--%>
<%--            },--%>
<%--            onkeyup: false,--%>
<%--            focusCleanup: true,--%>
<%--            success: "valid",--%>
<%--            submitHandler: function (form) {--%>
<%--                var index = parent.layer.getFrameIndex(window.name);--%>
<%--                $(form).ajaxSubmit({--%>
<%--                    type: 'post',--%>
<%--                    url: '<%= basePath %>static/backstage/categoryApi/saveCategory.do',--%>
<%--                    async: true,--%>
<%--                    data: {--%>
<%--                        params: JSON.stringify($(form).serializeObject())--%>
<%--                    },--%>
<%--                    success: function (data) {--%>
<%--                        if (data.respData.respCode == 10000) {--%>
<%--                            if (data.respData.result == 1) {--%>
<%--                                layer.msg('信息保存成功!', {icon: 6, time: 2000});--%>
<%--                                parent.location.reload();--%>
<%--                            } else {--%>
<%--                                layer.msg('信息保存失败!', {icon: 6, time: 2000});--%>
<%--                            }--%>

<%--                        } else {--%>
<%--                            layer.msg(data.respData.respMsg, {icon: 6, time: 2000});--%>
<%--                        }--%>
<%--                    },--%>
<%--                    error: function (data) {--%>
<%--                        layer.msg('服务异常，请联系管理员处理!', {icon: 6, time: 3000});--%>
<%--                        // parent.layer.close(index);--%>
<%--                    }--%>
<%--                });--%>
<%--            }--%>
<%--        });--%>
<%--    });--%>

<%--    $.fn.serializeObject = function () {--%>
<%--        var o = {};--%>
<%--        var a = this.serializeArray();--%>
<%--        $.each(a, function () {--%>
<%--            if (o[this.name]) {--%>
<%--                if (!o[this.name].push) {--%>
<%--                    o[this.name] = [o[this.name]];--%>
<%--                }--%>
<%--                o[this.name].push(this.value || '');--%>
<%--            } else {--%>
<%--                o[this.name] = this.value || '';--%>
<%--            }--%>
<%--        });--%>
<%--        return o;--%>
<%--    };--%>

<%--    function getParamForUrl(param) {--%>
<%--        var url = location.href;--%>
<%--        var i = url.indexOf('?');--%>
<%--        if (i == -1) return;--%>
<%--        var querystr = url.substr(i + 1);--%>
<%--        var arr1 = querystr.split('&');--%>
<%--        var arr2 = new Object();--%>
<%--        for (i in arr1) {--%>
<%--            var ta = arr1[i].split('=');--%>
<%--            arr2[ta[0]] = ta[1];--%>
<%--        }--%>
<%--        return arr2[param];--%>
<%--    }--%>
<%--</script>--%>
</body>
</html>